<!--
 * @Author: tian_biao
 * @Date: 2021-08-12 14:00:37
 * @LastEditTime: 2021-08-17 18:33:26
 * @Description: 运行规程
-->
<template>
    <div id="defectLib">
        <!-- 标题-->
        <div class="title-bg">
            <Theader :title="title" :headerStyle="{color:'#333',backGroundColor: '#fff'}" :textStyle="{color:'#333'}"
                :titleStyle="{color:'#333'}">
                <template slot="header_arrow">
                    <van-icon size="17" name="arrow-left"  @click="back"/>
                </template>
            </Theader>
        </div>
        <div class="listBox">
            <div class="item">
                <van-icon class="ml05rem" size="1.2rem" name="records" color="#17b49b"/>
                <div class="ml05rem">国家电网公司花园山变电站运维管理规定.pdf</div>
            </div>
            <div class="item">
                <van-icon class="ml05rem" size="1.2rem" name="records" color="#17b49b"/>
                <div class="ml05rem">国家电网公司花园山变电站运维管理规定.pdf</div>
            </div>
            <div class="item">
                <van-icon class="ml05rem" size="1.2rem" name="records" color="#17b49b"/>
                <div class="ml05rem">国家电网公司花园山变电站运维管理规定.pdf</div>
            </div>
            <div class="item">
                <van-icon class="ml05rem" size="1.2rem" name="records" color="#17b49b"/>
                <div class="ml05rem">国家电网公司花园山变电站运维管理规定.pdf</div>
            </div>
        </div>
    </div>
</template>
<script type="text/javascript">
    import Utils from '@/utils/util'
    import Theader from "../component/header"
    export default {
        name: "ThiddenDangerDetail",
        components: {
            Theader
        },
        data() {
            return {
                title: "运行规程",
            }
        },
        created() { },
        mounted() { },
        methods: {
            
            back(){
                this.$router.go(-1)
            },
        },
    }
</script>
<style scoped>
    #defectLib {
        background-color: #f5f6fa;
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
    }

    .title-bg {
        height: 50px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
    }

    .listBox {
        width: 90vw;
        margin: 0 auto;
        height: 94vh;
        overflow-y: auto;
    }
    .item{
        width: 100%;
        height: 3rem;
        background-color: #fff;
        border-radius: 6px;
        margin-top: 1rem;
        display: flex;
        align-items: center;
    }
    .ml05rem{
        margin-left: 0.5rem;
    }
</style>